<style type="text/css">

    .filterinput {
        background-color: rgba(249, 244, 244, 0);
        border-radius: 15px;
        width: 90%;
        height: 30px;
        border: thin solid #FFF;
        text-indent: 0.5em;
        font-weight: bold;
        color: #FFF;
    }
    
    #demo-list a {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
    
    #sidebar {
        position: fixed;
        padding-top: 50px;
        top: 0;
        left: 0;
        width: 235px;
        height: 100%;
    }
</style>
<div id="sidebar">
    <div id="jquery-accordion-menu" class="jquery-accordion-menu red">
        <!--<div class="jquery-accordion-menu-header" id="form"></div>-->
        <ul id="demo-list">
            <!--<li class="active"><a href="#"><i class="fa fa-home"></i>Home </a></li>-->
            <!--<li><a href="#"><i class="fa fa-user"></i>基本信息</a></li>-->
            <li><a href="#"><i class="fa fa-cog"></i>会议室预约</a>
                <ul class="submenu">
                    <li><a href="<{:U('Conference/index')}>">预约</a></li>
                    <li><a href="<{:U('Conference/myMeet')}>">我的预约</a></li>
                    <!--<li><a href="#">Design </a>
                        <ul class="submenu">
                            <li><a href="#">Graphics </a></li>
                            <li><a href="#">Vectors </a></li>
                            <li><a href="#">Photoshop </a></li>
                            <li><a href="#">Fonts </a></li>
                        </ul>
                    </li>-->
                </ul>
            </li>
            <!--<li><a href="#"><i class="fa fa-file-image-o"></i>Gallery </a><span class="jquery-accordion-menu-label">
				12 </span></li>-->
        </ul>
        <!--<div class="jquery-accordion-menu-footer">
            Footer
        </div>-->
    </div>
</div>